<template>
  <div>
    {{myname}}
    {{count}}
    <br>
    <button @click="$store.state.count++">set count</button>
  </div>
</template>

<script>
// 引入辅助函数
import { mapState } from "vuex"
export default {
  created() {
    console.log(this.$store);
    console.log(this.$store.state.name);
    console.log(this.$store.state.count);
  },
  computed: {
    // 使用辅助函数映射数据为计算属性函数
    // 不需要自己编写
    // 其他用法没有变化
    ...mapState(['myname', 'count'])
    // myname() {
    //   return this.$store.state.myname
    // },
    // count() {
    //   return this.$store.state.count
    // }
  }
}
</script>

<style>

</style>